<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" href="css/style.css" />
		<script type="text/javascript" src="js/jquery.js" ></script>
		<script type="text/javascript" src="js/main.js" ></script>
		<title>购物车</title>
	</head>
	<body>
		<div class="cart_header">
			<div class="mg">
				<a href="index.html"><img src="images/registers_logo.png"></a>
				<p>购物车</p>
				<div>
					<span><img src="images/cart_icon.png"></span>
					<p><span class="on">我的购物车</span><span>确认订单</span><span>支付成功</span></p>
				</div>
			</div>
		</div>
		<!--header end-->
		<div class="cart_content shop_cart">
			<h3>全部商品<span>5</span></h3>
			<div class="top">
				<div>
					<input class="allcheck" type="checkbox" id="cartallchecked" />
					<label for="cartallchecked"></label>
				</div>
				<span>全选</span>
				<span>商品名称</span>
				<span>单价(元)</span>
				<span>数量</span>
				<span>小计</span>
				<span>操作</span>
			</div>
			<div></div>
			<div class="list">
				<ul>
					<li>
						<div class="piccheck">
							<input class="check" type="checkbox" id="cartcheckedinput1" />
							<label for="cartcheckedinput1"></label>
						</div>
						<a href="pro_details.html"><img src="images/shop_cart_pic01.png"></a>
						<a href="pro_details.html">SWISSGEAR双肩背包 防水面料时尚休闲<br>双肩笔记本电脑包14.6寸</a>
						<p>
							<span>颜色：<span>棕色</span></span>
							<span>尺寸：<span>38寸</span></span>
						</p>
						<p class="pri">99.99</p>
						<div class="amount">
							<span>
								<input class="reduce" type="button" value="-" />
								<input type="text" maxlength="2" value="1" />
								<input class="add" type="button" value="+" />
							</span>
							<p>有货</p>
						</div>
						<p class="tot">99.99</p>
						<p>
							<span>删除</span>
							<span>收藏</span>
						</p>
					</li>
					<li>
						<div class="piccheck">
							<input class="check" type="checkbox" id="cartcheckedinput2" />
							<label for="cartcheckedinput2"></label>
						</div>
						<a href="pro_details.html"><img src="images/shop_cart_pic01.png"></a>
						<a href="pro_details.html">SWISSGEAR双肩背包 防水面料时尚休闲<br>双肩笔记本电脑包14.6寸</a>
						<p>
							<span>颜色：<span>棕色</span></span>
							<span>尺寸：<span>38寸</span></span>
						</p>
						<p class="pri">99.99</p>
						<div class="amount">
							<span>
								<input class="reduce" type="button" value="-" />
								<input type="text" maxlength="2" value="1" />
								<input class="add" type="button" value="+" />
							</span>
							<p>有货</p>
						</div>
						<p class="tot">99.99</p>
						<p>
							<span>删除</span>
							<span>收藏</span>
						</p>
					</li>
					<li>
						<div class="piccheck">
							<input class="check" type="checkbox" id="cartcheckedinput3" />
							<label for="cartcheckedinput3"></label>
						</div>
						<a href="pro_details.html"><img src="images/shop_cart_pic01.png"></a>
						<a href="pro_details.html">SWISSGEAR双肩背包 防水面料时尚休闲<br>双肩笔记本电脑包14.6寸</a>
						<p>
							<span>颜色：<span>棕色</span></span>
							<span>尺寸：<span>38寸</span></span>
						</p>
						<p class="pri">99.99</p>
						<div class="amount">
							<span>
								<input class="reduce" type="button" value="-" />
								<input type="text" maxlength="2" value="1" />
								<input class="add" type="button" value="+" />
							</span>
							<p>有货</p>
						</div>
						<p class="tot">99.99</p>
						<p>
							<span>删除</span>
							<span>收藏</span>
						</p>
					</li>
					<li>
						<div class="piccheck">
							<input class="check" type="checkbox" id="cartcheckedinput4" />
							<label for="cartcheckedinput4"></label>
						</div>
						<a href="pro_details.html"><img src="images/shop_cart_pic01.png"></a>
						<a href="pro_details.html">SWISSGEAR双肩背包 防水面料时尚休闲<br>双肩笔记本电脑包14.6寸</a>
						<p>
							<span>颜色：<span>棕色</span></span>
							<span>尺寸：<span>38寸</span></span>
						</p>
						<p class="pri">99.99</p>
						<div class="amount">
							<span>
								<input class="reduce" type="button" value="-" />
								<input type="text" maxlength="2" value="1" />
								<input class="add" type="button" value="+" />
							</span>
							<p>有货</p>
						</div>
						<p class="tot">99.99</p>
						<p>
							<span>删除</span>
							<span>收藏</span>
						</p>
					</li>
					<li>
						<div class="piccheck">
							<input class="check" type="checkbox" id="cartcheckedinput5" />
							<label for="cartcheckedinput5"></label>
						</div>
						<a href="pro_details.html"><img src="images/shop_cart_pic01.png"></a>
						<a href="pro_details.html">SWISSGEAR双肩背包 防水面料时尚休闲<br>双肩笔记本电脑包14.6寸</a>
						<p>
							<span>颜色：<span>棕色</span></span>
							<span>尺寸：<span>38寸</span></span>
						</p>
						<p class="pri">99.99</p>
						<div class="amount">
							<span>
								<input class="reduce" type="button" value="-" />
								<input type="text" maxlength="2" value="1" />
								<input class="add" type="button" value="+" />
							</span>
							<p>有货</p>
						</div>
						<p class="tot">99.99</p>
						<p>
							<span>删除</span>
							<span>收藏</span>
						</p>
					</li>
				</ul>
			</div>
			<div class="base">
				<div>
					<input class="allcheck" type="checkbox" id="allcheckedinput2" />
					<label for="allcheckedinput2"></label>
				</div>
				<span>全选</span>
				<span>删除选中的商品</span>
				<span>移到我的收藏</span>
				<p>
					<span>优惠：<span>-1.11</span></span>
					<span>邮费：<span>88.00</span></span>
				</p>
				<span>已选择<span id="shuliang">5</span>件商品</span>
				<span><img src="images/shop_cart_base_icon.png"></span>
				<span>总价(不含运费)：<span class="tol">499.95</span></span>
				<a class="btn" href="confirm_order.html">去结算</a>
			</div>
			<div class="like cart_like">
				<h3>猜你喜欢</h3>
				<ul>
					<li>
						<a href="pro_details.html"><img src="images/comments_like_pic.png"></a>
						<a href="pro_details.html">多功能斜挎包</a>
						<p>￥<span>299.00</span></p>
					</li>
					<li>
						<a href="pro_details.html"><img src="images/comments_like_pic.png"></a>
						<a href="pro_details.html">多功能斜挎包</a>
						<p>￥<span>299.00</span></p>
					</li>
					<li>
						<a href="pro_details.html"><img src="images/comments_like_pic.png"></a>
						<a href="pro_details.html">多功能斜挎包</a>
						<p>￥<span>299.00</span></p>
					</li>
					<li>
						<a href="pro_details.html"><img src="images/comments_like_pic.png"></a>
						<a href="pro_details.html">多功能斜挎包</a>
						<p>￥<span>299.00</span></p>
					</li>
					<li>
						<a href="pro_details.html"><img src="images/comments_like_pic.png"></a>
						<a href="pro_details.html">多功能斜挎包</a>
						<p>￥<span>299.00</span></p>
					</li>
				</ul>
			</div>
		</div>
		<!--content end-->
		<div class="allfooter cart_footer">
			<div class="serve">
				<div class="mg">
					<ul class="top">
						<li>
							<img src="images/footer_icon01.png">
							<h2>正品保障</h2>
							<span>正品保障，提供发票</span>
						</li>
						<li>
							<img src="images/footer_icon02.png">
							<h2>急速物流</h2>
							<span>急速物流。急速送达</span>
						</li>
						<li>
							<img src="images/footer_icon03.png">
							<h2>无忧售后</h2>
							<span>七天无理由退换货</span>
						</li>
						<li>
							<img src="images/footer_icon04.png">
							<h2>特色服务</h2>
							<span>私人订制个人套餐</span>
						</li>
						<span></span>
					</ul>
					<div class="link">
						<ul>
							<li>
								<h3>购物指南</h3>
								<a href="">导购演示</a>
								<a href="register.html">免费注册</a>
								<a href="">会员等级</a>
								<a href="">常见问题</a>
								<a href="">品牌大全</a>
							</li>
							<li>
								<h3>支付方式</h3>
								<a href="">易付宝支付</a>
								<a href="">网银支付</a>
								<a href="">快捷支付</a>
								<a href="">分期付款</a>
								<a href="">货到付款</a>
								<a href="">任性付支付</a>
							</li>
							<li>
								<h3>物流配送</h3>
								<a href="">免运费政策</a>
								<a href="">配送服务承诺</a>
								<a href="">签收验货</a>
								<a href="">物流查询</a>
							</li>
							<li>
								<h3>售后查询</h3>
								<a href="">退换货政策</a>
								<a href="">退换货流程</a>
								<a href="">购买延保服务</a>
								<a href="">退款说明</a>
								<a href="">退换货申请</a>
								<a href="">维修/保养</a>
							</li>
						</ul>
						<div class="code">
							<h3>玛丁图客户端</h3>
							<span><img src="images/footer_icon05.png"></span>
						</div>
					</div>
					
					
				</div>
			</div>
			<div class="copyright">
				<div class="mg">
					<ul>
						<li><a href="">玛丁图云商</a></li>
						<li><span>|</span></li>
						<li><a href="">玛丁图互联</a></li>
						<li><span>|</span></li>
						<li><a href="">玛丁图金融</a></li>
						<li><span>|</span></li>
						<li><a href="">易付宝</a></li>
						<li><span>|</span></li>
						<li><a href="">pptv</a></li>
						<li><span>|</span></li>
						<li><a href="">缤购</a></li>
						<li><span>|</span></li>
						<li><a href="">乐购仕</a></li>
						<li><span>|</span></li>
						<li><a href="">玛丁图物流</a></li>
						<li><span>|</span></li>
						<li><a href="">联系我们</a></li>
						<li><span>|</span></li>
						<li><a href="">诚聘英才</a></li>
						<li><span>|</span></li>
						<li><a href="">供应商入驻</a></li>
						<li><span>|</span></li>
						<li><a href="">友情链接</a></li>
						<li><span>|</span></li>
						<li><a href="">法律声明</a></li>
						<li><span>|</span></li>
						<li><a href="">用户体验提升计划</a></li>
					</ul>
					<ul>
						<li>泸ICP备13044277号</li>
						<li><span>|</span></li>
						<li>合字B1-B2-201346161</li>
						<li><span>|</span></li>
						<li>营业执照</li>
						<li><span>|</span></li>
						<li>互联网药品信息服务资格证</li>
					</ul>
					<p>Copyright©2016 沪ICP备10011451号-18 </p>
				</div>
			</div>
		</div>
	</body>
</html>
